<!DOCTYPE HTML>
<html>

<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>鄂尔多斯青铜器博物院</title>
	<meta name="keywords" content="鄂尔多斯青铜器博物院">
	<meta name="description" content="鄂尔多斯青铜器博物院">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/animate.min.css">
</head>

<body>
	<div id="HomePage"></div>
	<script type="text/html" id="HomePageTemplate">
	<!-- header -->
	<div class="header">
		<div class="container">
			<div class="logo">
				<img src="images/logo.png" alt="鄂尔多斯青铜器博物院" />
			</div>
		</div>
	</div>
	<!-- /header -->
	<!-- banner -->
	<div class="banner">
		<div class="navbar">
			<ul class="nav">
				<li class="active">
					<a href="index.html">首页</a>
				</li>
				<li>
					<a href="page/zhanlan.html">展览</a>
				</li>
				<li>
					<a href="page/diancang.html">典藏</a>
				</li>
				<li>
					<a href="page/xueshu.html">学术</a>
				</li>
				<li>
					<a href="page/wenchuang.html">文创</a>
				</li>
				<li>
					<a href="page/news.html">资讯</a>
				</li>
				<li>
					<a href="page/about.html">关于</a>
				</li>
			</ul>
		</div>
		<div id="myCarousel" class="carousel slide" data-ride="carousel">
			<ol class="carousel-indicators">
				{{each stringToArr(allData.slideShow.content) as list index }}
					{{if index==0}}
						<li data-target="#myCarousel" data-slide-to="{{index}}" class="active"></li>
					{{else }}
						<li data-target="#myCarousel" data-slide-to="{{index}}"></li>
					{{/if}}
				{{/each}}
			</ol>
			<div class="carousel-inner">
				{{each stringToArr(allData.slideShow.content) as list index}}
					{{if index==0}}
						<div class="item active">
							<img src="http://{{list}}" alt="">
						</div>
					{{else }}
						<div class="item">
							<img src="http://{{list}}" alt="">
						</div>
					{{/if}}
				{{/each}}
			</div>
			<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;
			</a>
			<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;
			</a>
		</div>
	</div>
	<!-- /banner -->
	<!-- section -->
	<div class="section bwggk wow fadeIn">
		<div class="container">
			<div class="gkTitle">
				<img src="images/tit01.png" title="博物馆概况" />
			</div>
			<div class="gkcontent">
				<img src="images/img-gk.png" />
				<div class="cont">
					<p>
						鄂尔多斯青铜器博物馆 ,位于内蒙古鄂尔多斯市东胜区市区中心，是一座二层建筑，入口处有“青铜器博物馆"雕刻成的石头大字，具有美观性。

					</p>
					<p>鄂尔多斯青铜器博物馆是世界上收藏鄂尔多斯青铜器数量最多、品种最全、研究价值最丰富的博物馆。</p>
					<p>“鄂尔多斯青铜器”多为实用器，按其用途大体可分为兵器、工具、装饰品、生活用具及车马器四大类，以青铜短剑、青铜刀、鹤嘴斧、棍棒头、各类动物纹饰牌、饰件、</p>
					<p>扣饰等为主，因以大量动物纹装饰器物而最具特征。</p>
				</div>
			</div>
			<div class="more">
				<a href="">查看详情</a>
			</div>
		</div>
	</div>
	<!--新闻资讯  -->
	<div class="section newswrap wow fadeInUp">
		<div class="container">
			<div class="news pull-left">
				<div class="newstitle">
					<div class="title">
						<span class="titl-span"></span>
						<span class="dian">新闻 </span>
						<span>资讯</span>
						<span class="titr-span"></span>
					</div>
					<div class="more"><a href="">更多</a></div>
				</div>
				<div class="list">
					<ul>
						{{each allData.news.content as item}}
						<li>
							<h3 class="ellipsis"><a href="">{{item.title}}</a></h3>
							<span>时间：{{getDate(item.publishTime)}}</span>
							<div class="more"><a href="">更多</a></div>
						</li>
						{{/each}}
					</ul>
				</div>
			</div>
			<div class="huodong pull-right">
				<div class="sideTitle">
					<div class="icon-hd"><img src="images/icon-hd.png" /></div>
					<div class="title">
						<span class="titl-span"></span>
						<span>活动</span>
						<span class="titr-span"></span>
					</div>
				</div>
				<div class="hdCont">
					<div class="hd-img">
						<img src="images/img1.jpg"  style="width:100%"/>
					</div>
					<ul class="hd-list">
						{{each allData.youngerCommentator.content as list}}
						<li>
							<span> {{getDate2(list.endTime,'.')}}</span>
							<a href="" class="ellipsis">{{list.title}}</a>
						</li>
						{{/each}}
					</ul>
					<div class="more">
						<a href="">更多</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--展览  -->
	<div class="zhanlan wow fadeInUp">
		<div class="container">
			<div class="zlTitle">
				<div class="qj">
					<a href="page/vtour.html">
						<span><img src="images/icon-qj.png" /></span>
						<h3>全景虚拟</h3>
						<p>为您提供身临其境的<br />
							游览体验</p>
					</a>
				</div>
				<div class="zl">
					<a href="">
						<div class="zlImg">
							<span><img src="images/icon-zl.png" /></span>
						</div>
						<div class="title">
							<span class="titl-span"></span>
							<span>展览</span>
							<span class="titr-span"></span>
						</div>
					</a>
				</div>
			</div>
			<div class="xztj">
				<div class="xztjImg"><img src="{{allData.temporaryExhibition.imageUrl}}" /></div>
				<div class="xztjbg"></div>
				<div class="xztjbox">
					<div class="zlhd"><a href="">{{allData.temporaryExhibition.name}}</a></div>
					<div class="zlCont">
						<p>{{allData.temporaryExhibition.description}}</p>
						<span>展出时间：{{getDate2(allData.temporaryExhibition.startTime,'/')}} - {{getDate2(allData.temporaryExhibition.endTime,'/')}}</span>
						<span>展出地点：{{allData.temporaryExhibition.activityLocation}}</span>
					</div>
					<div class="xztj_bt"></div>
				</div>
			</div>
			<div class="xztj bg-cszl">


				<div class="xztjImg"><img src="{{allData.standingExhibition.imageUrl}}" /></div>
				<div class="xztjbg"></div>
				<div class="xztjbox">
					<div class="zlhd"><a href="">{{allData.standingExhibition.name}}</a></div>
					<div class="zlCont">
						<p>{{allData.standingExhibition.description}}</p>
						<span>展出时间：{{getDate2(allData.standingExhibition.startTime,'/')}} - {{getDate2(allData.standingExhibition.endTime,'/')}}</span>
						<span>展出地点：{{allData.standingExhibition.activityLocation}}</span>
					</div>
					<div class="xztj_bt"></div>
				</div>
			</div>
		</div>
	</div>
	<!--典藏/文创  -->
	<div class="section wow fadeInUp">
		<div class="container">
			<div class="diancang">
				<div class="dcTitle">
					<div class="title">
						<span class="titl-span"></span>
						<span class="dian">典藏 </span>
						<span>精选</span>
						<span class="titr-span"></span>
					</div>
				</div>
				<div class="dcCont" id="curHoverType">
					<ul>
						<li type="1"><a class="n1" href="">青铜器</a></li>
						<li type="2"><a class="n2" href="">壁画</a></li>
						<li type="3"><a class="n3" href="">画像石</a></li>
					</ul>
				</div>
			</div>
			<div class="wenchuang">
				<div class="dcTitle">
					<div class="title">
						<span class="titl-span"></span>
						<span class="dian">文创 </span>
						<span>产品</span>
						<span class="titr-span"></span>
					</div>
				</div>
				<div class="dcCont">
					<ul>
						<li><a class="n1" href="">收藏品</a></li>
						<li><a class="n2" href="">生活用品</a></li>
						<li><a class="n3" href="">饰品</a></li>
						<li><a class="n4" href="">书籍系列</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="cpshow wow fadeInUp">
		<div class="container">
			<div class="topone">

				<!-- <li><a class="n1" href="">{{allData.bronzeWare[0].name}}</a></li>
				<li><a class="n2" href="">{{allData.fresco[0].name}}</a></li>
				<li><a class="n3" href="">{{allData.stoneRelief[0].name}}</a></li> -->
				<div class="imgbox">
					<img src="images/img2.jpg" />
				</div>
				<div class="txtbox">
						{{if getCurHoverType(curHoverType) == 1}}
						<h1>111111111111111111</h1>
						{{/if}}
					<a href="">
						<h2>
							<i class="i1"></i>{{getCurHoverType(curHoverType) == 1}}<i class="i2"></i>
						</h2>
						<span>时代：战国</span>
						<span>来源：出土于鄂尔多斯市东胜区塔拉壕乡碾房梁村碾房社</span>
						<span>尺寸：长13.8厘米，宽7.9厘米，重225克</span>
					</a>
				</div>
			</div>
			<div class="rollbox">
				<div class="picbox">
					<ul class="piclist mainlist">
						{{each allData.culturalCreationProduction as list }}
						<li data-type="{{list.type}}" data-id="{{list.id}}">
							<a href="#" target="_blank">
								<img src="{{list.imgUrl}}" />
								<P>{{list.name}}</P>
								<span>￥{{list.price}}</span>
							</a>
						</li>
						{{/each}}
					</ul>
					<ul class="piclist swaplist"></ul>
				</div>
				<div class="og_prev"></div>
				<div class="og_next"></div>
			</div>
		</div>
	</div>
	<!--学术  -->
	<div class="container wow fadeInUp">
		<div class="xueshu">
			<div class="xsTitle">
				<div class="icon-hd"><img src="images/icon-xs.png" /></div>
				<div class="title">
					<span class="titl-span"></span>
					<span>学术</span>
					<span class="titr-span"></span>
				</div>
			</div>
			<div class="xsCont">
				<ul class="list1">
					<li><a href="">【学术图录】鄂尔多斯青铜器国际学术研讨会胜利召开鄂尔多斯青铜器国际学术研讨...</a></li>
					<li><a href="">【学术图录】鄂尔多斯青铜器国际学术研讨会胜利召开鄂尔多斯青铜器国际学术研讨...</a></li>
					<li><a href="">【学术图录】鄂尔多斯青铜器国际学术研讨会胜利召开鄂尔多斯青铜器国际学术研讨...</a></li>
				</ul>
				<ul class="list2">
					<li><a href="">鄂尔多斯青铜器国际学术研讨会胜利召开... </a><span><i>04</i>/28</span></li>
					<li><a href="">鄂尔多斯青铜器国际学术研讨会胜利召开鄂尔多斯青铜器国...</a><span><i>04</i>/28</span></li>
					<li><a href="">鄂尔多斯青铜器国际学术研讨会胜利召开鄂尔多斯青铜器国鄂尔多斯青... </a><span><i>04</i>/28</span></li>
					<li><a href="">鄂尔多斯青铜器国际学术研讨会胜利召开鄂尔多斯青...</a><span><i>04</i>/28</span></li>
				</ul>
			</div>
		</div>
		<div class="dangjian">
			<div class="djTitle">
				<div class="title">
					<span class="titl-span"></span>
					<span class="dian">党群 </span>
					<span>建设</span>
					<span class="titr-span"></span>
				</div>
			</div>
			<ul class="dj-list">
				<li>
					<a href="">鄂尔多斯博物馆组织学习“两学一做”...</a>
					<span> 2019.01.15</span>
				</li>
				<li>
					<a href="">结业了！我是一名真正的小讲解员啦！</a>
					<span> 2019.01.15</span>
				</li>
			</ul>
			<div class="more">
				<a href="">更多</a>
			</div>
		</div>
	</div>
	<!--服务指南  -->
	<div class="container wow fadeInUp">
		<div class="fwzn">
			<div class="newstitle">
				<div class="title">
					<span class="titl-span"></span>
					<span class="dian">服务 </span>
					<span>指南</span>
					<span class="titr-span"></span>
				</div>
				<div class="more"><a href="">更多</a></div>
			</div>
			<div class="fw-list">
				<ul>
					<li class="wow fadeInLeft animated" data-wow-delay="0.1s"><span class="time">09:00</span><span>（开馆时间） </span></li>
					<li class="wow fadeInLeft animated" data-wow-delay="0.3s"><span class="time">16:30</span><span>（停止进馆时间） </span></li>
					<li class="wow fadeInLeft animated" data-wow-delay="0.5s"><span class="time">17:00</span><span>（闭馆时间） </span></li>
				</ul>
			</div>
			<div class="tip">
				<p>开放时间周二至周日 周一闭馆（法定节假日除外）</p>
				<p>鄂尔多斯青铜器博物馆所有展览免费向公众开放，观众在开放时间内可凭有效证件参观，团体观众需预约参观。</p>
				<p>地址：内蒙古鄂尔多斯市东胜区兴胜路2号 预约电话：0477—8323026</p>
			</div>
		</div>
		<div class="imglist">
			<ul>
				<li class="fw1">
					<a href="">
						<span><img src="images/icon-fw1.png" /></span>
						<p>交通指南</p>
					</a>
				</li>
				<li class="fw2">
					<a href="">
						<span><img src="images/icon-fw2.png" /></span>
						<p>参观导览</p>
					</a>
				</li>
				<li class="fw3">
					<a href="">
						<span><img src="images/icon-fw3.png" /></span>
						<p>游客须知</p>
					</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="logodb">
				<img src="images/logo-w.png" />
			</div>
			<div class="menu">
				<a href="">参观指南</a>
				<a href="">博物馆概况</a>
				<a href="">学术专刊</a>
				<a href="">常设展览</a>
				<a href="">文博动态</a>
				<a href="">收藏品</a>
			</div>
			<div class="copyright">
				版权所有：CopyRights 2019 鄂尔多斯青铜器博物院, All Rights Reserved. 备案号：蒙ICP备050057777号-2

			</div>
			<div class="toolbar">
				<a href="###" class="toolbar-item ">
					<span class="toolbar-layer">
						<img src="images/wechat.jpg" width="158">
					</span>
				</a>
			</div>
		</div>
	</div>
	<!-- /footer -->
	</script>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script src="js/template.js"></script>
	<script src="js/common.js"></script>
	<script type="text/javascript" src="js/gundong.js"></script>
	<script src="js/wow.min.js"></script>


	<script>
		new WOW().init();

		// /api/portal/homePage 门户首页
		// /api/portal/culturalCreationProduction 文创产品列表
		// /api/portal/culturalRelic 文物列表
		// /api/portal/exhibition 展览列表（新展空间、常设展览）
		// /api/portal/externalAcademicResource 馆内学术
		// /api/portal/information 新闻列表相关
		// /api/portal/oldExhibition 历史展览



		$.ajax({
			url: "http://94.191.44.20:8000/api/portal", success: function (result) {
				console.log('首页：', result)
				$("#HomePage").html(template("HomePageTemplate", { allData: result }));
				$("#HomePage").delegate("#curHoverType li", "mouseover", function () {
					window.curHoverType = $(this).attr("type")
					console.log($(this).attr("type"))
				})
			}
		});

		$.ajax({
			url: "http://94.191.44.20:8000/api/portal/culturalCreationProduction", success: function (result) {
				console.log('文创产品列表:', result)
			}
		});
		$.ajax({
			url: "http://94.191.44.20:8000/api/portal/culturalRelic", success: function (result) {
				console.log('文物列表:', result)
			}
		});
		$.ajax({
			url: "http://94.191.44.20:8000/api/portal/exhibition", success: function (result) {
				console.log('展览列表（新展空间、常设展览）:', result)
			}
		});
		$.ajax({
			url: "http://94.191.44.20:8000/api/portal/externalAcademicResource", success: function (result) {
				console.log('馆内学术:', result)
			}
		});
		$.ajax({
			url: "http://94.191.44.20:8000/api/portal/information", success: function (result) {
				console.log('新闻列表相关', result)
			}
		});
		$.ajax({
			url: "http://94.191.44.20:8000/api/portal/oldExhibition", success: function (result) {
				console.log('历史展览', result)
			}
		});
	</script>
</body>

</html>
